<template lang="pug">
view
	navbar(@height="height" :type="type")
		view.flex.at.jt(slot="header" style="height:100%")
			view.w33(style="text-align: left;padding-left:10px") 
				image(
					src="/static/fh.png",
					mode="widthFix",
					style="width:20px",
					@click="fanhui"
				)
			view.w33(style="text-align: center") 医生详情
			view.w33(style="text-align: center")
	view.bg.bgstyle(:style="{'background': 'url('+img+') 100% 100%','paddingTop':(h+30)+'px','background-size': '100%'}" style="padding-bottom:60px")
		view.at.ov
			image.Tx.fl(
				src="http://img.duoziwang.com/2018/06/2018010130169489.jpg",
				mode="widthFix"
			)
			view.w100
				view.flex.at
					text.f16.c3 张晓丹
					text.f12.c6(style="margin-left:10px") 主任医师
					text.f12.y.ml 平台审核信息中
				view.flex.at(style="margin:10px 0")
					text.f12.g.tab(style="margin-right:10px" v-for="item,index in list") {{item}}
				view.flex.at
					text.f12.g(style="margin-right:10px") 性别：女
					text.f12.g 年龄：46岁
	view.p10.box(style="margin-top:-50px")
		view.cart(style="padding-bottom:10px")
			view.title.p10 身份证
			view.flex
				view.w50.prl10.box
					image(
						src="http://img.duoziwang.com/2018/06/2018010130169489.jpg",
						mode="widthFix",
						style="width:100%"
					)
				view.w50.prl10.box
					image(
						src="http://img.duoziwang.com/2018/06/2018010130169489.jpg",
						mode="widthFix",
						style="width:100%"
					)
			view.title.p10 资质证明
			view.flex
				view.w50.prl10.box
					image(
						src="http://img.duoziwang.com/2018/06/2018010130169489.jpg",
						mode="widthFix",
						style="width:100%"
					)
				view.w50.prl10.box
					image(
						src="http://img.duoziwang.com/2018/06/2018010130169489.jpg",
						mode="widthFix",
						style="width:100%"
					)
	view.p10.box(style="margin-top:-10px")
		view.cart(style="padding-bottom:10px")
			view.title.p10 擅长：
			view.c9.f12.prl10 擅长不孕症、月经不调、宫颈HV感染、输卵管粘连、宫 颈炎、盆腔炎性疾病、痛经、多卵巢、痛经、管粘连、 宫颈炎、盆腔炎性疾病、痛
			view.title.p10 简介：
			view.c9.f12.prl10 擅长不孕症、月经不调、宫颈HV感染、输卵管粘连、宫 颈炎、盆腔炎性疾病、痛经、多卵巢、痛经、管粘连、 宫颈炎、盆腔炎性疾病、痛
	button.button.f16(style="width:95%;margin:auto") 编辑
</template>

<script>
	import img1 from "@/static/bg2.png"
	import navbar from "@/components/navbar.vue"
	export default {
		components:{
			navbar
		},
		data() {
			return {
				list:['高血压','高血压','高血压','高血压'],
				img:img1,
				bgColor:'',
				h:0,
				type:1
			}
		},
		onPageScroll(e) {
			console.log(e)
			e.scrollTop>=36?this.type='#B2FDF7':this.type=1
		},
		methods: {
			height(e){
				this.h=e
			},
			fanhui(e){
				uni.navigateBack()
			}
		}
	}
</script>

<style>
	page{
		background: #f0f0f0;
	}
.Tx{
	width: 80px;
	margin-right: 8px;
	border-radius: 12px;
}
.tab{
	border-radius: 6px;
	background:rgba(0, 224, 207, 0.2);
	padding: 3px 6px;
	
}
.bgstyle{
	background-size: 100% 100%;
}
</style>
